<template>
  <div class="breadcumb">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item 
                v-for="(item,i) in list" :key="i" 
                :to="item.path">{{item.meta.title}}</el-breadcrumb-item>
        </el-breadcrumb>    
    </div>
</template>

<script>
    export default {
        name:'Breadcumb',
        data(){
            return {
                list:[]
            }
        },
        watch:{
            $route(to,from){
                this.list = to.matched
            }
        },
        created(){
            this.list = this.$route.matched
        }
        }
</script>

<style>

</style>